import Vue from 'vue'
import Router from 'vue-router'
import store from '../store/index'
import api from '../api/api'

import * as auth from '../utils/auth'

Vue.use(Router)

const router = new Router({
  routes: [
    // {
    //   path: '/',
    //   component: () => import('../components/layout.vue'),
    //   children: [{
    //       path: '/',
    //       name: '首页',
    //       component: () => import('../components/Home/index.vue'),
    //       meta: {
    //         enName: 'Home',
    //         icon: 'el-icon-s-home'
    //       }
    //     },
    //     {
    //       path: '/sys/user',
    //       name: '员工管理',
    //       component: () => import('../components/sys/Employee/index.vue'),
    //       meta: {
    //         enName: 'User Manage',
    //         parentName: {
    //           cn: '系统管理',
    //           en: 'System Manage'
    //         },
    //         icon: 'el-icon-user-solid',
    //         close: true
    //       }
    //     },
    //     {
    //       path: '/sys/role',
    //       name: '角色管理',
    //       component: () => import('../components/sys/role/index.vue'),
    //       meta: {
    //         enName: 'Roles Manage',
    //         parentName: {
    //           cn: '系统管理',
    //           en: 'System Manage'
    //         },
    //         icon: 'el-icon-view',
    //         close: true
    //       }
    //     },
    //     {
    //       path: '/sys/auth',
    //       name: '权限管理',
    //       component: () => import('../components/sys/auth/index.vue'),
    //       meta: {
    //         enName: 'Authority Manage',
    //         parentName: {
    //           cn: '系统管理',
    //           en: 'System Manage'
    //         },
    //         icon: 'el-icon-menu',
    //         close: true
    //       }
    //     },
    //     {
    //       path: '/sys/dict',
    //       name: '数据字典',
    //       component: () => import('../components/sys/dict/index.vue'),
    //       meta: {
    //         enName: 'Authority Manage',
    //         parentName: {
    //           cn: '系统管理',
    //           en: 'System Manage'
    //         },
    //         icon: 'el-icon-menu',
    //         close: true
    //       }
    //     },
    //     {
    //       path: '/refresh',
    //       component: () => import('../components/refresh.vue'),
    //       name: '刷新',
    //       meta: {
    //         parentName: " ",
    //       }
    //     }
    //   ]
    // },
    {
      path: '/',
      component: () => import('../components/top.vue'),
      children: [{
        path: '/',
        component: () => import('../components/third/index.vue'),
        name: 'third'
      },
      {
        path: '/first',
        component: () => import('../components/first/index.vue'),
        name: 'first'
      },
      {
        path: '/second',
        component: () => import('../components/workTime/index.vue'),
        name: 'second'
      },
      {
        path: '/third',
        component: () => import('../components/third/index.vue'),
        name: 'third'
      }]
    }
  ]
})

// router.beforeEach((to, from, next) => {
//   let agent = navigator.userAgent.toLowerCase()
//   let ie = agent.indexOf('trident')
//   if (ie !== -1) return alert('检测到低版本浏览器，建议您更换谷歌、火狐浏览器')

//   let tokenStatus = store.getters.checkToken();
//   const login = {
//     path: '/login',
//     query: {
//       redirect: to.path
//     }
//   }
//   //! 此处的判断条件需要自行更改，需要把store.state.user.mobile改为store.state.user.token
//   if (to.path !== '/login') {
//     return tokenStatus ? next() : next(login);
//   } else {
//     return tokenStatus ? next("/") : next();
//   }
//   // if (to.path !== '/login' && !tokenStatus) return next(login)
//   // if (to.path === '/login' && tokenStatus) return next('/')
//   // if (to.path === '/login' && !tokenStatus) return next()
//   next()
// })

export default router
